<!doctype html>

<html lang="en"> <!--<![endif]-->
    <head>
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/admin_style.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/style.css" />



        <!-- General Metas -->
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	<!-- Force Latest IE rendering engine -->
        <title></title>
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

        <!-- Stylesheets -->
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css2/base.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css2/skeleton.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css2/layout.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/text.css" />
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/table1.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/admin_panel_user.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css2/trybutton.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/css/popup.css">


        <script src="<?php echo base_url(); ?>/js/jquery-1.2.6.min.js" type="text/javascript"></script>
         <script src="<?php echo base_url(); ?>//bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript">
		
		 



            function unloadPopupBox() {    // TO Unload the Popupbox
                $('#popup_box').fadeOut("slow");
                $("#container").css({// this is just for style        
                    "opacity": "1"
                });
            }

            function loadPopupBox() {    // To Load the Popupbox
                $('#popup_box').fadeIn("slow");
                $("#container").css({// this is just for style
                    "opacity": "0.2"
                });
            }

        </script>

    </head>
  <style type="text/css">
  @-moz-document url-prefix() {
  
  .zebra{position:relative;top:200px;
 	}
	.wrap{margin-top:-100px;
		
		}
		.lo{margin-top:-100px;}
		
		.firefox_push_button blue {margin-top: 2em;}
		.firefox_addbut {margin-top: 12em;}
		.firefox_invitebut {margin-top: 15.9em;}
		
	}
  </style>
  
  
    
        <div id="" class="wrap" style="border:2px solid #FFF;
        border: 2px solid #FFF;
        position: absolute;
        width: 1050px;
        margin-left: 150px;
        height: 850px;
        background-color:#CCC;
        z-index: -60;-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 1);
        -moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 1);
        box-shadow:         0px 0px 10px rgba(50, 50, 50, 1); ">
        </div>


	<!----start of banner--->
    <div class="lo" style="background-image:url(<?php echo base_url(); ?>/images/wallpaper/Fotor1219134327.jpg);height: 218px;width: 1054px;margin-right: 145px;float: right;">
   	
    <div style="margin-left: 50px;margin-top: .6em;font-family: -webkit-pictograph;font-size: 10px;color: white;">
    <div><a href="###"> Membership</a></div>
    <div style="margin-left: 55px;margin-top: -2.1em;"><a href="###">Sign Out</a></div>
    
    </div>
    <div class="logo"> <img src="<?php echo base_url(); ?>/images/logo/image.gif"></div>
    <div style="float: left;margin-left: -339px;margin-top: 9em;color: white;font-family: monospace;font-size: small;">By: Grand Master Casimiro "CHINGI" Grandez</div>
    </div> <!----end of banner--->
    

	
    <div id="menu">
        <?php $this->load->view('menu_view'); ?>
        <div id="logout">
            <?php echo anchor("GSD_admin/user_add", "Logout"); ?>    
        </div>
    </div>
    
    
    	<div class="container">
   
   <div class="row">
    <table class="zebra" style="margin-left: -2%; margin-top: 10em;">

        <thead>
            <tr>
                <th>Name</th>
                <th>Username</th>
                <th>Email</th>


                <th>Roles</th>
                <th>Club</th>
                <th>Martial Arts Style</th>

                <th>Active</th>
                <th>Action</th>
            </tr>
        </thead>

        <tbody>
       

            <?php
            $action = 1;
            foreach ($users as $user) {
                ?>
                <tr>
                    <td>
                        <?php echo $user['fname'] . " " . $user['mname'] . " " . $user['lname'] ?> 
                    </td>
                    <td>
                        <?php echo anchor('GSD_admin/view_profile/' . $user['userid'], $user['uname']) ?> 
                    </td> 
                    <td>
                        <?php echo $user['email'] ?>
                    </td> 
                    <td>  
                        <?php echo $user['fname'] ?>
                    </td> 
                    <td> 
                        <?php echo $user['club'] ?>  
                    </td> 
                    <td> 
                        <?php echo $user['style'] ?>  
                    </td> 

                    <td> 
                        <input type='checkbox' name='myTextEditBox' value='checked' checked='TRUE' /> 
                    </td> 
                    <td>
                        <?php echo anchor('GSD_admin/edit_user/' . $user['userid'] . '/1', 'Edit') ?> 
                    </td> 
                </tr> 	

                <?php
            }
            ?>



        </tbody>
    </table>
    </div>
   
	
    <div class="add">
       <div class="firefox_addbut"> <?php echo anchor("GSD_admin/user_add", "Add User", array('class' => 'push_button red')); ?>	</div>	
    </div>


</br>
    <div class="firefox_invitebut"> <?php
    $data = array(
        'name' => 'btnInvite',
        'id' => 'btnInvite',
        'type' => 'button',
        'content' => "Invite User",
        'class' => 'push_button blue',
		
        'onclick' => 'loadPopupBox()'
    );

    echo form_button($data);
    ?>
    </div>

</div>
</div>
	
    <!----start footer--------->
    <div style=" background: #006;margin-top: 12.9em;margin-left: 150px;width: 1054px;height: 96px;">
    	<div class="buttom_menu">
        <br/>
       

        <div><a href="###">Home</a></div> 
        <div style="margin-left: 50px;margin-top: -1.5em;"><a href="###">About</a></div>    
        <div style="margin-left: 98px;margin-top: -1.5em;"><a href="###">Contact Us</a></div>
        <div style="margin-left: 174px;margin-top: -1.5em;"> <a href="###">Shop</a></div>
        </div>
   		<br/><div style="font-family: monospace;color: white;font-size: 10px;margin-top: 0em;text-align: -webkit-center;">All Rights Reserved 2013. Copyright www.websiteurl.com</div>
 		<div style="font-family: monospace;color: white;font-size: 10px;margin-top: -1em;text-align: -webkit-center;">Develop by: Softbiz Global IT Solutions www.softbizglobal.com</div>
	</div>  <!----end footer--------->
<!------------start pop up----------------->

<?php echo form_open("email/send_mail") ?>
<div id="popup_box">
    <a><label style="float: right" onClick="unloadPopupBox()">X</label></a> 
    <center><div style="color: black; margin-top: 0.5em; margin-left: 13%; font-weight: bold; font-size: 21px;">Invite User</div> </center>
    <div class="info-invite">
        <div style="color: black">Name: </div>      
        <div class="inputtext" style="margin-left: -26%; margin-top: 0.5em;">
            <?php echo form_input('name') ?>
        </div>


        <br>
        <br>
        <div style="color: black">Email:</div>       
        <div class="inputtext" style="margin-left: -26%; margin-top: 0.5em;">
            <?php echo form_input('email') ?>
        </div>
    </div>
   
    <input class="orangebutton" type="submit" value="Invite!" name="submit" style="margin-top: -1em;"/>

	
	

    <?php echo form_close() ?>
</div> <!--container--
	</body>
</html>